<!DOCTYPE html>
<!--aus owner协议之后的协议 -->
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=false" />
    <title>Aus Solar Co Satisfactory Form</title>
    <link href="../../css/common.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        body,
        div,
        dl,
        dt,
        dd,
        ul,
        ol,
        li,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        pre,
        code,
        form,
        fieldset,
        legend,
        input,
        texarea,
        p,
        blockquote,
        th,
        td {
            margin: 0px;
            padding: 0px;
        }
        
        body {
            overflow-x: hidden;
            font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
            font-weight: normal;
            line-height: 1.5;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        
        div,
        p {
            word-wrap: break-word;
        }
        
        .container {
            padding: 16px;
            background-color: #ffffff;
            font-size: 15px;
            color: #444444;
            opacity: 1;
            margin-bottom: 64px;
        }
        
        .bottomContainer {
            width: 100%;
            position: fixed;
            bottom: 0;
            background-color: #ffffff;
        }
        
        input[type="image"] {
            -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
            -webkit-user-select: none;
            -moz-user-focus: none;
            -moz-user-select: none;
            -webkit-appearance: none;
            outline: none;
            border: none;
        }
        .contentText {
            font-size: 15px;
            color: #444444;
            opacity: 1;
        }
        
        .titleText {
            font-size: 20px;
            font-weight: bold;
            line-height: 26px;
            color: #252224;
            opacity: 1;
            margin-top: 14px;
        }
        
        .boldText {
            font-weight: bold;
        }
        
        .centerText {
            text-align: center;
        }
        
        .top_margin_30 {
            margin-top: 30px;
        }
        
        .top_margin_20 {
            margin-top: 20px;
        }
        
        .top_margin_16 {
            margin-top: 16px;
        }
        
        .top_margin_14 {
            margin-top: 14px;
        }
        
        .top_margin_12 {
            margin-top: 12px;
        }
        
        .top_margin_10 {
            margin-top: 10px;
        }
        
        .textField {
            padding-left: 8px;
            flex: 1;
            border-bottom: 1px solid #444444;
        }
        
        .serial {
            width: 20px;
        }
        
        .serialContent {
            flex: 1;
        }
        
        .serialContainer {
            margin-top: 10px;
            display: flex;
        }
    </style>
</head>

<body>
    <div class="container">
        <div class="top_margin_16" style="text-align: center">
            <img src="../../images/satisfactory_pic_logo.png" width="100%" style="margin: 10px 0px 10px 0px; max-width: 339px" />
        </div>

        <div>
            <p class="top_margin_14" style="color: #929292; font-size: 13px">
                8 Gough Street Cremorne,VIC 3121 <br /> 1300 451 393 <br /> www.solararena.com.au <br /> info@aussolarco.com.au
            </p>

            <div class="top_margin_16" style="padding: 10px; border: 1px solid #707070">
                <p>Dear Sir/Madam,</p>
                <p class="top_margin_10">
                    This form must be completed to assure Aus Solar Co that you are satisfied with services we have provided. You are not required to sign the document until you are completely satisfied with the work provided.
                </p>
                <p class="top_margin_10">Regards</p>
                <p class="top_margin_10">Aus Solar Co</p>
            </div>

            <p class="top_margin_16" style="color: #444444; font-weight: bolder">
                I, the undersigned, state that:
            </p>
            <p class="serialContainer">
                <span class="serial">1.</span>
                <span class="serialContent">
            I am the owner (authorized person) of the property or dwelling to
            which the goods have been installed.
          </span>
            </p>

            <p class="serialContainer">
                <span class="serial">2.</span>
                <span class="serialContent">
            I understand that it is not the responsibility of Aus Solar Co to
            connect my solar power unit/s to the electricity grid. However, as a
            service Aus Solar Co will send all relevant paperwork to your energy
            retailer to start this process as and when Aus Solar Co receives the
            relevant paperwork.
          </span>
            </p>

            <p class="serialContainer">
                <span class="serial">3.</span>
                <span class="serialContent">
            The construction or services provided to the property or dwelling
            from Aus Solar Co has been completed to my satisfaction, including
            all panel and inverter placement.
          </span>
            </p>

            <p class="serialContainer">
                <span class="serial">4.</span>
                <span class="serialContent">
            I understand that shading from trees may affect the efficiency of
            the system to some extent and if relevant to this install, I have
            been explained all the ramification of the shading and have accepted
            the installation with this knowledge.
          </span>
            </p>

            <p class="serialContainer">
                <span class="serial">5.</span>
                <span class="serialContent">
            I authorize Aus Solar Co to deduct the outstanding amount due from
            the credit card provided (if specified), or a payment via Cash or
            Cheque will be made when this document is signed.
          </span>
            </p>

            <p class="top_margin_16" style="text-align: center; font-weight: bold">
                <u>HOMEOWNER COMPLETES</u>
            </p>

            <p class="top_margin_12">Job Satisfactorily</p>

            <div style="display: flex">
                <div width="149px">completed on DATE:</div>
                <div class="textField boldText" id="field_complete_date"></div>
            </div>

            <div class="top_margin_12" style="display: flex">
                <div width="149px">SIGNED :</div>
                <div class="textField">
                    <i>The signature will be filled in here</i>
                </div>
            </div>

            <div class="top_margin_12" style="display: flex">
                <div width="149px">Name :</div>
                <div class="textField boldText" id="field_owner_name">Owner Name</div>
            </div>

            <p class="top_margin_30" style="text-align: center">
                Thank-you for your Business.
            </p>

            <p class="top_margin_12">
                If completely satisfied or for any feedback please write to us on
                <span style="color: #929292"> info@aussolarco.com.au </span>
            </p>
        </div>
    </div>
    <div class="bottomContainer">
        <div class="summitDiv">
            <button type="button" class ="summitButton" onclick="submit()">I Agree & Continue</button>
<!--                <input type="image" src="../images/btn_i_agree_continue.png" style="width: 164px;height: 64px;" onclick="submit()" />-->
        </div>
    </div>
</body>
<script type="text/javascript" src="../../javascripts/platform.js"></script>
<script language="javascript">
    var data;

    function init_pvd_detail(detail) {
        data = detail;
        init_data(data);
    }

    function init_data(jsonData) {
        var install_date = format_time(jsonData.system_detail.installation_date);
        var ownerName = jsonData.signatures.owner_full_name;

        document.getElementById("field_complete_date").innerHTML = install_date;
        document.getElementById("field_owner_name").innerHTML = ownerName;
    }

    function format_time(input) {
        var dateChars = input.split('/');
        if (dateChars.length > 2) {
            return dateChars[2] + "/" + dateChars[1] + "/" + dateChars[0];
        }
        return input;
    }


    let doc_version = "1";

    function submit() {
        let local = getLocalParam();
        local["owner_aussolarco_satisfactory_version"] = doc_version;
        addParamToLocal(local);
        window.location.href = "./humm_v1.html"
    }

    function getLocalParam() {
        var local = localStorage.getItem('param');
        if (local != "" && local != null && local != undefined) {
            console.log(local)
            return JSON.parse(local);
        } else {
            return {};
        }
    }

    function addParamToLocal(dictionary) {
        localStorage.setItem('param', JSON.stringify(dictionary));
    }

    if (isAndroid) {
        let json = myJsBridge.initData();
        init_pvd_detail(JSON.parse(json));
    }

    if (isIos) {
        window.webkit.messageHandlers.event.postMessage({
            "event": "getPvddetail"
        });
    }
</script>

</html>
<!-- field_complete_date 完成日期 -->
<!-- field_owner_name owner名字 -->
